<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>CSS Lernprogramm</title>
    <link rel="stylesheet" href="css/style.css" >
    <link rel="stylesheet" href="css/meter.css" >
</head>

<body>
	<header>
    	<img src="img/Logo_Neu.svg">
        <div class="login">
        	<form method="get" action="#">
            	<label for="Benutzername">Benutzername:</label><input type="text" name="Benutzername"><br>
                <label for="Benutzername">Passwort:</label><input type="password" name="Passwort"><br>
        		<button class="buttonAnm" id="asfasdf" name="b" value="c" type="submit">Anmelden</button> <a href="#">Registrieren</a>
            </form>
        </div>
    </header>
    <div id="wrapper">
    	<div id="nav">
            <ul>
                <h3>Grundlagen</h3>
                <li><a href="#">Bedeutung von CSS</a></li>
                <li><a href="#">Entwicklung</a></li>
                <li><a href="#">Klassen und ID's</a></li>
                <li><a href="#">Selektoren</a></li>
                <li><a href="#">Lerntest</a></li>
                <h3>Erweiterte Befehle</h3>
                <li><a href="#">Margin und Padding</a></li>
                <li><a href="#">Positionierung</a></li>
                <li><a href="#">Pseudo-Klassen</a></li>
                <li><a href="#">Vererbung</a></li>
                <li><a href="#">Lerntest</a></li>
            </ul>
        </div>
        <div id="content">
        	<p>Bitte Anmelden!</p>
        </div>
        <div id="stat">
        	<p>Benutzer: -</p>
        </div>
    </div>
    <script type="text/javascript">
		var left = document.getElementById("colleft");
		var center = document.getElementById("colmain");
		var right = document.getElementById("colright");
		
		if(left.offsetHeight > right.offsetHeight && left.offsetHeight > center.offsetHeight)
		{
			center.style.height = left.offsetHeight+"px";
			right.style.height = left.offsetHeight+"px";
		}
		else if (center.offsetHeight > right.offsetHeight)
		{
			left.style.height = center.offsetHeight+"px";			
			right.style.height = center.offsetHeight+"px";
		}
		else
		{
			left.style.height = right.offsetHeight+"px";			
			center.style.height = right.offsetHeight+"px";
		}
</script>
</body>
</html>
